@charset "utf-8";
/*++-------------
/*++  内容开始
/*++-------------*/
.style-a{ width: 100%; }
.hg20-color{ height: 20px;clear: both;background:#f7f7f7; }
.back-color{ width: 100%;background:#f7f7f7; }
.nbanner .container{ position: relative;height: 100%; }
.nbanner a{ position: relative; display: block;width: 100%;height: 600px; }
.nbanner .text{
    position: absolute;
    top: 50%;
    left: var(--wleft);
    transform: translate(0,-50%);
}
.nbanner .text h5{ font-size: 48px;font-weight: bold;color: #fff; }
.nbanner .text p{ font-size: 18px;color: rgba(255,255,255,.8); }
/*+---------------
/*+  Search
/*+---------------*/
.lasyer-search{ display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #fff;z-index: 1096; }
.lasyer-search .search-head .container{ display: flex;align-items: center; height:80px;background: var(--color); }
.lasyer-search .close-xx{ position: absolute;top: 25px;right: 50px;cursor: pointer; z-index: 6; }
.lasyer-search .search-con{ display: flex;flex-direction: column;justify-content: center; width: 830px;height: calc(100vh - 190px); margin: 0 auto; }
.lasyer-search h6{ font-size: 60px;color: #000;line-height: 70px;text-align: center; }
.lasyer-search .bth-submit{ position: relative; width: 100%;height: 60px;border-radius: 65px;margin: 35px 0; overflow: hidden; }
.lasyer-search .bth-submit .keywords{ width:100%;height: 60px;padding: 0 0 0 25px; background: #f5f5f5;border: 0; }
.lasyer-search .bth-submit .click-search{ position: absolute;top: 0;right: 0; width: 90px;height: 60px;border: 0;background: transparent;
    z-index: 8; }
.lasyer-search .bth-submit .click-search img{ cursor: pointer; }
.lasyer-search .footer-nav{ width: 100%;padding: 0; }
.lasyer-search .footer-nav .shot{ background: url("../images/shot.png") no-repeat center left;padding-left: 27px;font-size: 16px;color: #000;
    font-weight:bold;margin-right: 20px; }
.lasyer-search .footer-nav a{ font-size: 16px;color: #666;margin-left: 20px; }
.lasyer-search .search-footer{ height: 100px;line-height: 100px;text-align: center; }
.lasyer-search .close-xx:hover{ transform: rotate(90deg);-webkit-transform: rotate(90deg); }
/*+---------------
/*+  Search
/*+---------------*/
.search-result-box{ padding: 120px 0 60px; }
.search-result-box .result{ padding-bottom: 30px; }
.search-result-box .result .keywords {
    font-size: 20px;
    color: #da0d2a;
    font-weight: bold;
}
.search-result-box .result .num {
    font-size: 20px;
    color: #da0f2c;
}
/** empty **/
.empty{text-align: center;padding:80px 0;}
.empty strong{font-size: 25px;color:#333}
/*+---------------
/*+  Left Cate
/*+---------------*/
.nsubcat{ padding: 60px 0 40px; }
.nsubcat a{ float: left; display: block;width: 120px;height: 50px;line-height: 50px; text-align: center;font-size: 16px;color: #666;background: #fff;
    margin-right: 15px;border: 2px solid transparent;transition: all .3s;
}
.nsubcat a.on,
.nsubcat a:hover{ border-color: var(--color);color: var(--color); }
/*+---------------
/*+  Current a
/*+---------------*/
.curr-right .curr-a{ height: 80px; line-height: 80px;}
.curr-right .curr-a a{ position: relative; display: block;float: left;margin-right: 20px; }
.curr-right .curr-a a.home{ padding-left: 25px; }
.curr-right .curr-a a.home:after{ position: absolute;top: 2px;left: 0; width: 18px;height: 16px; content: url("../images/home.png");}
.curr-right .curr-a a.aurl:after{ width: 8px;height: 8px;position: absolute;top: -1px;left: -14px;content: url("../images/gt.png");}
.curr-right .curr-a a:last-child{ color: #000; }
/*+---------------
/*+  Content
/*+---------------*/
.detail{ padding:25px 0; }
.detail p{ color: #666;line-height: 24px; }
.detail img{max-width: 100%;vertical-align:middle;}
/** N-ttile **/
.comm-n-title .name { font-size: 25px;color: #333; }
.comm-title .subtitle { color: #333; }
/*+---------------
/*+  About lists
/*+---------------*/
.imgs-list{ padding: 60px 0; }
.imgs-list ul li .lis{ display: flex;align-items: center;background: #fff; }
.imgs-list ul li img,
.imgs-list ul li .remark{ display: block;width: 50%; }
.imgs-list ul li .remark{ padding: 0 50px; }
.imgs-list ul li .remark h5{ font-size: 30px;color: #000;padding-bottom: 15px; }
.imgs-list ul li .remark p{ font-size: 16px;color: #666;line-height: 24px; }
.imgs-list ul li:nth-of-type(even) .lis{ flex-direction: row-reverse; }
/** about-video **/
.about-video{ position: relative; padding: 60px 0; }
.about-video .cover{ display: block;width: 100%; }
.play-v.outer{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85px;
    height: 85px;
    background: url("../images/video.png");
    background-size: 85px;
    margin: -42px 0 0 -42px;
}
/** setting-list **/
.setting-list{ background: #fff;padding-bottom: 80px; }
.ntitle{ text-align: center;font-size: 48px;color: #000;padding: 60px 0 30px; }
.setting-list .swiper-pagination-bullet-active{ background: #fff; }
.setting-list .swiper-button-next,
.setting-list .swiper-button-prev{ height: 30px;background-size: auto 30px; }
.setting-list .swiper-button-prev{ left: 70px; }
.setting-list .swiper-button-next{ right: 70px; }
/** cert-list **/
.cert-list .cert-slide{ padding-bottom: 80px; }
.cert-list .swiper-container{ background: transparent; }
.cert-list .swiper-slide .imgs{ background: #fff;padding: 35px 20px; }
.cert-list .swiper-slide .imgs img{ display: block;max-width: 100%;margin: 0 auto; }
.cert-list .swiper-slide p{ font-size: 18px;color: #000;padding-top: 20px;text-align: center; }
.cert-list .swiper-container .swiper-pagination-cert{ bottom: 0;text-align: center;padding-top: 30px; }
/*+---------------
/*+  Case-list
/*+---------------*/
.case-list.module-pro .subcat{ margin:60px 0 30px; }
/** list **/
.case-list.module-pro .list ul li{ margin-bottom: 30px; }
/** show **/
.case-show{ padding: 0 0 30px; }
.show-title{ padding-bottom: 18px;border-bottom: 2px solid #000;margin-bottom: 45px; }
.show-title h5 { font-size: 28px;color: #000;font-weight: lighter;line-height: 60px; }
/** 1 **/
.case-show .intro{display: flex;align-items: center;background: #fafafa; }
.case-show .intro .limg,
.case-show .intro .rtxt{ position: relative; width: 50%; }
.case-show .intro .rtxt{ padding: 0 50px;color: #666; }
.case-show .intro .rtxt h1{ font-size: 48px;color: var(--color); }
.case-show .intro .rtxt .desc{ font-size: 16px;padding: 15px 0 40px;border-bottom: 1px solid #e6e6e6; }
.case-show .intro .rtxt .parameter{ font-size: 16px;line-height: 30px;padding: 40px 0; }
.case-content{ padding: 60px 0 10px; }
.case-content .show-title{ margin-bottom: 0; }
/** 2 **/
.videos video{ display: block;width: 100%; }
.rcurrent{ height: 64px;line-height: 64px;background: #fafafa;text-align: right; }
.slide-show{ position: relative; width: 100%;overflow: hidden; }
.slide-show .bd{ position:relative; height:100%; z-index:0;   }
.slide-show .bd ul li{ position: relative;min-height: 600px; }
.slide-show .bd ul li img,
.slide-show .bd ul li video{ height: 100%; }
.slide-show .bd ul li video{ width: 100%; position: absolute;top: 0;left: 50%;
    transform: translate(-50%,0);z-index: 45 }
.slide-show .prev,
.slide-show .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:45px; height:45px; background:url(../images/prev-next.png) 0 0 no-repeat;opacity: .5;z-index: 999 }
.slide-show .next{ left:auto; right:3%; background-position:-55px 0; }
.slide-show .prev:hover,
.slide-show .next:hover{ opacity:1;  }
.slide-show .prevStop,.slide-show .nextStop{ display: none;  }
/** pro-block **/
.pro-block{ padding: 80px 0 0; }
.pro-block.analysws .container{ width: 100% }
.pro-block .stitle{ text-align: center;font-size: 36px;color: #104f97;font-weight: bold;padding-bottom: 30px; }
.pro-block .remark{ font-size: 16px; }
.pro-block.cover-img img{ display: block;max-width: 100%;margin: 0 auto; }
/** analys **/
.analys{ padding: 30px 0 80px; }
.analys .lis{ height: 406px;overflow: hidden; }
.analys .lis:after,
.analys .lis .txt .txt-con .ps:after{ display: block;content: "";clear: both;overflow: hidden; }
.analys .lis .txt,
.analys .lis .imgs{ width: 50%; }
.analys .lis .txt{ height: 100%; float: left; display: flex;align-items: center; }
.analys .lis .imgs{ float: right; }
.analys .lis .txt .txt-con{ width: calc(100% - 50px); }
.analys .lis .txt .txt-con h6{ font-size: 22px;color: #333;padding-bottom: 20px; }
.analys .lis .txt .txt-con .ps{ font-size: 16px;color: #666;padding: 10px 0; }
.analys .lis .txt .txt-con .ps span{ float: left; display: block;width: 22px;height: 22px;line-height: 22px; background: #fbb344;border-radius: 65px;
    text-align: center;color: #fff;margin-right: 10px; }
.analys .lis .txt .txt-con .ps:nth-of-type(2) span{ background: #38c0d6; }
.analys .lis .txt .txt-con .ps:nth-of-type(3) span{ background: #2d9ce5; }
.analys .lis .txt .txt-con .ps:nth-of-type(4) span{ background: #9568eb; }
.analys .lis .txt .txt-con .ps p{ float: left; width: calc(100% - 32px); }
.analys .lis .imgs img{ display: block;width: 100%; }
.analys .lis:nth-of-type(even) .txt{ float: right; }
.analys .lis:nth-of-type(even) .txt .txt-con{ margin-left: 50px; }
.analys .lis:nth-of-type(even) .imgs{ float: left; }

/** case-associate **/
.case-associate{ padding-bottom: 30px; }
/*+---------------
/*+  Products
/*+---------------*/
.pro-show .protop{ padding: 60px 0; }
.pro-show .protop .swiper-slide{ background: #f0f0f0; }
.pro-show .protop .swiper-slide img{ display: block;width: 100%; }
.pro-show .intro{ padding: 20px 0 80px; }
.pro-show .intro .remark{ width: 1120px;margin: 0 auto;text-align: center; }
.pro-show .intro h1{ font-size: 38px;color: #000;padding-bottom: 20px; }
.pro-show .intro p{ font-size: 16px;color: #666;line-height: 30px; }
/* slide-picsa */
.protop-slide .swiper-button-next, .protop-slide .swiper-button-prev,
.slide-picsa .swiper-button-next,
.slide-picsa .swiper-button-prev{ top: 20px;width: 22%; height: 100%;background-size: auto 30px; }
.slide-picsa .swiper-button-prev,
.protop-slide .swiper-button-prev { left: 0; }
.slide-picsa .swiper-button-next,
.protop-slide .swiper-button-next{ right: 0; }
.protop-slide .swiper-button-prev:after,
.protop-slide .swiper-button-next:after{ width: 55px;height: 55px;content: "" }
.protop-slide .swiper-button-prev:after{ background: url("../images/proicowl.png") }
.protop-slide  .swiper-button-next:after{ background: url("../images/proicow.png") }
.protop-slide .swiper-button-prev:hover:after{ background: url("../images/proico.png") }
.protop-slide  .swiper-button-next:hover:after{ background: url("../images/proicor.png") }
/** parameter-con **/
.parameter-con{ padding: 60px 0; }
.parameter-con h5{ font-size: 38px;color: #000;text-align: center;padding-bottom: 30px; }
.parameter-con .content{ padding: 60px 50px 15px; background: #f7f7f7; }
.parameter-con .content .parlis{
    float: left;
    width:calc((100% / 4) - 33.75px);
    text-indent: 20px;
    margin:0 45px 45px 0;
    background: #fff;
}
.parameter-con .content .parlis:nth-of-type(4n){ margin-right: 0; }
.parameter-con .content .parlis,
.parameter-con .content .parlis p{ height: 45px;line-height: 45px; }
.parameter-con .content .parlis p span{ color: #666;font-size: 16px; }
/** message **/
.pro-show .message h3{ font-size: 38px;color: #000;text-align: center; }
/*+---------------
/*+  Article
/*+---------------*/
.article-list ul li{ background: #fff;margin-bottom: 30px; }
.article-list ul li a{ display: flex;align-items: center; }
.article-list ul li .imgs{ width: 30%;height: 280px; margin-right:30px;overflow: hidden; }
.article-list ul li img{ display: block; width: 100%;height: 100%; }
.article-list ul li .remark{width: calc((100% - 30%) - 60px);}
.article-list ul li .remark h5{ font-size: 28px;color: #000; }
.article-list ul li .remark p{ font-size: 16px;line-height: 26px;margin: 15px 0 30px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.article-list ul li .remark span{ display: block;width: 146px;height: 46px;line-height: 46px; text-align: center; border:2px solid #ececec;border-radius: 65px;color: #999; }
.article-list ul li:hover{ background: var(--color); }
.article-list ul li:hover .imgs img{ transform: scale(1.1);-webkit-transform: scale(1.1); }
.article-list ul li:hover .remark h5,
.article-list ul li:hover .remark p,
.article-list ul li:hover .remark span{ color: #fff; }
/** Detail **/
.article-show{ padding-bottom: 100px; }
.news-content{ position: relative; background: #fff;margin-top: -68px;padding: 0 40px; }
.content-title{padding:80px 0 50px;text-align: center;border-bottom:1px solid #ebebeb;}
.content-title h1{font-size:42px;color:#000;}
.content-title .sub-title{padding-top: 6px;}
.content-title .sub-title span{ color: #999; padding-right:10px; }
/** associate **/
.associate{ padding: 80px 0; }
.associate h3{ font-size: 30px;color: #000;margin-bottom: 35px; }
.associate h3 a{ float: right; font-size: 16px;color: #999;margin-top: 10px; }
.associate h3 a:hover{ color: var(--color); }
.associate ul li{ float: left;width: calc((100% / 4) - 22.5px);margin-right: 30px; }
.associate ul li:last-child{ margin-right: 0; }
.associate ul li .imgs{ width: 100%;overflow: hidden; }
.associate ul li .imgs img{ display: block;width: 100%; }
.associate ul li .remark{
    padding: 15px 20px 30px;
    border: 1px solid #ebebeb;
    border-width: 0 1px 1px;
}
.associate ul li .remark h5{ font-size: 18px;color: #000;padding-bottom: 5px; }
.associate ul li .remark p{ color: #666;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.associate ul li:hover img{ transform: scale(1.1); }
.associate ul li:hover .remark h5{ color: var(--color); }
/*+---------------
/*+  Contactus
/*+---------------*/
.contactus{ padding-top: 80px; }
.contact-intro{ padding: 80px 0;margin: 20px 0 80px; border: 0px solid #000;border-width: 2px 0; }
.contact-intro ul li{
    float: left;
    width: calc((100% - 505px) / 2);
    font-size: 16px;
    color: #333;
}
.contact-intro ul li:nth-of-type(3){ width: 330px; }
.contact-intro ul li:last-child{ width:175px; }
.contact-intro ul li p{ line-height: 24px; }
/** Map **/
.head-tit{ font-size: 20px;color: #000;margin-bottom: 35px; }

#allmap{height: 500px;overflow: hidden;}
.Map{height: 500px;}
#maps{width: 100%;height: 500px;}
#maps .info-title{color: white;font-size: 14px;background-color: rgba(0,155,255,0.8);line-height: 26px;padding: 0 0 0 6px;font-weight: lighter;letter-spacing: 1px}
#maps .info-content{padding: 4px;color: #666666;line-height: 23px;}
#maps .info-content img{float: left;margin: 3px;}
#maps .amap-adcombo-close{ background:#000 url(../images/mapclose.png) center center no-repeat !important; }
/** Feedback **/
.feedback{ padding: 80px 0 100px; }
.feedback-list ul li{float: left;width: 30%;}
.feedback-list ul li:nth-of-type(3n-1){ margin: 0 5%; }
.feedback-list ul li:nth-of-type(n+4){ margin-top: 40px; }
.feedback-list ul li label{ display: block; font-size: 16px;color: #000;padding-bottom: 10px; }
.feedback-list ul li label span{ color: red; }
.feedback-list ul li input{ width: 100%;line-height: 30px; border: 0px solid #ebebeb;border-width: 0 0 2px;color: #666; }
.feedback-list ul li.textarea{ width: 100%; }
.feedback-list ul li.textarea textarea{ width: 100%;height: 120px;padding: 20px; border: 2px solid #ebebeb;resize: none; }
.feedback-list ul li .error-hide{ margin-left: 0; }
.feedback-list ul li.submit{ margin: 0; }
.feedback-list ul li.submit .input-submit{ position: relative; display: block;width: 120px;font-size: 16px;border: 0;background: transparent;padding-bottom: 15px;
    border-bottom: 2px solid #ebebeb;text-align: left;margin-top: 40px;cursor: pointer;
}
.feedback-list ul li.submit .input-submit:after{ position: absolute;right: 0; width: 25px;height: 10px;content: url("../images/icon-rs.png");z-index: 0;}
/*+---------------
/*+  Pages
/*+---------------*/
.pages{ text-align:center;padding:35px 0; }
.pages a{ display:inline-block;padding:6px 13px;margin-right:8px;background: #fff; }
.pages a:last-child{ margin-right:0; }
.pages a.page-num-current{ color:#fff;background:var(--color);}
/*+------------------
/*+  Prev-Next
/*+------------------*/
.Pre-Next .return img{ position: absolute;top: 50%;left: 50%;margin: -9px 0 0 -13px;z-index: 6; }
.Pre-Next{ position: relative;margin: 35px 0 20px; height: 80px;border-top: 1px solid #ebebeb; }
.Pre-Next p{ max-width:50%;min-height:25px;line-height:80px;float: left; overflow:hidden;}
.Pre-Next .page-next{ float: right; }
.Pre-Next p a{ font-size: 14px; }
.Pre-Next p a:hover{ color: var(--color); }